<template>
  <div class="container">
    <view class="title fz12">主页隐藏信息</view>
    <view class="box">
      <uv-cell-group :border="false">
        <uv-cell title="隐藏学校名称" :border="false">
          <template v-slot:value>
            <uv-switch v-model="value" activeColor="#9E06FF" size="18"></uv-switch>
          </template>
        </uv-cell>
        <uv-cell title="隐藏公司名称" :border="false">
          <template v-slot:value>
            <uv-switch v-model="value" activeColor="#9E06FF" size="18"></uv-switch>
          </template>
        </uv-cell>
        <uv-cell title="隐藏位置信息" :border="false">
          <template v-slot:value>
            <uv-switch v-model="value" activeColor="#9E06FF" size="18"></uv-switch>
          </template>
        </uv-cell>
      </uv-cell-group>
    </view>

    <view class="title fz12"></view>
    <view class="box">
      <uv-cell-group :border="false">
        <uv-cell title="屏蔽同事" :border="false" label="开启后，同事之间不会相互被推荐，也不能
互相查看">
          <template v-slot:value>
            <uv-switch v-model="value" activeColor="#9E06FF" size="18"></uv-switch>
          </template>
        </uv-cell>
        <uv-cell title="隐身模式" :border="false" label="开启隐身模式后，你将不会被推荐也不能认
识TA人">
          <template v-slot:value>
            <uv-switch v-model="value" activeColor="#9E06FF" size="18"></uv-switch>
          </template>
        </uv-cell>
      </uv-cell-group>
    </view>
  </div>
</template>

<script setup lang="ts">
let value = ref(false);
</script>



<style lang="scss" scoped>
.container {
  min-height: 100vh;
  background-color: #fafafa;
  .title {
    padding: 16px;
  }
  .box {
    background-color: white;
  }
}
</style>





